<!DOCTYPE html>
<html>
  <head>
    <script src="./js/vue.js"></script>
  </head>
  <body>
    <h2>Vue 生命周期钩子学习</h2>
    <div id="app"></div>
  </body>
  <script>
    var vm = new Vue({
      data: {
        a: 23,
        b: '123',
        c: 1000
      },
      created: function showA() {
        // `this` 指向 vm 实例
        alert('当前 a 的值为：' + this.a)
      },
      //装载数据到DOM之后
      mounted() {
        // 可以操作DOM
        console.log('DOM装载后：' + document.getElementById('app')) //<div id="app"><div id="test"></div></div>
      }
    })
  </script>
</html>
